.container {
	width: 100%;
	height: 100%;
	background-color: #f4f6fa;
	position: relative;
	padding: 10rpx 25rpx 0 25rpx;
}

.title {
	display: flex;
	justify-content: flex-end;
	/* 将内容靠右对齐 */
	width: 100%;
	/* 确保宽度为100% */
}

.title1 {
	display: flex;
	/* 使用 flexbox 布局 */
	align-items: center;
	/* 垂直居中对齐 */
	justify-content: center;
	/* 水平居中对齐 */
}

.title_word {
	color: #7d7f7f;
	position: relative;
	/* 使伪元素相对于该元素定位 */
}

.title_word::after {
	content: "";
	/* 创建伪元素 */
	display: block;
	/* 使其成为块级元素 */
	width: 100%;
	/* 下划线宽度为100% */
	height: 1px;
	/* 下划线的高度 */
	background-color: #7d7f7f;
	/* 下划线的颜色 */
	position: absolute;
	/* 绝对定位 */
	bottom: -10rpx;
	/* 距离文本的间隔 */
	left: 0;
	/* 从左侧开始 */
}

.triangle {
	margin-left: 20rpx;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	/* 左边透明 */
	border-right: 5px solid transparent;
	/* 右边透明 */
	border-top: 8px solid #7d7f7f;
	/* 顶部为倒三角形的颜色 */
}

/* 列表css */
.listBox {
	background-color: white;
	margin-top: 25rpx;
	width: 100%;
	height: 300rpx;
	border-radius: 20rpx;
	padding-left: 25rpx;
	display: flex;
	flex-direction: column;
	position: relative; /* 确保内部元素可以相对定位 */ 
}


.box {
	display: flex;
	align-items: center;
	margin-top: 20rpx;
}

.box_left {
	color: #b0b0b0;
}
.box_right{
	margin-left: 30rpx;
	color: #565656;
}

/* 右上角 */
.status-box {  
    position: absolute; /* 绝对定位 */  
    top: 0; /* 距离顶部 */  
    right: 0; /* 距离右侧 */  
    width: 200rpx; /* 宽度 */  
    height: 50rpx; /* 高度 */  
    background-color: #cee2fe; /* 背景颜色 */  
    color: #70a1d5; /* 字体颜色 */  
    display: flex; /* 使用 flexbox 对齐内容 */  
    justify-content: center; /* 水平居中 */  
    align-items: center; /* 垂直居中 */  
    border-top-right-radius: 20rpx; /* 左上角圆角 */  
    border-bottom-left-radius: 20rpx; /* 左下角圆角 */  
}  